/*************************************
* 文件名称：shuilangjun_front.css
* 作   者：水郎君 
* 日   期：2010.10.05 --- 2012.03.01
* 内容概要： 组件样式
* 前   缀：wlhf_
* 联   系：QQ 591408999 Email:shuilangjun@126.com
*************************************/

/****************************************************************************************************
*                                                                                        首页专用样式*
*****************************************************************************************************/
/************************************
* 首页：文件上传框                   * 
************************************/
.wlhf_indexfileInput{
	margin:auto;
	width:592px;
	height:49px;
	background:url(../images/file-upload-bg.png) center center no-repeat;
}
/*输入框*/
.wlhf_indexfileInput .f_input{
	display:inline-block;
	width:592px;
	height:49px;
	background:none;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
/************************************
* 首页：上传框下面-上传说明                * 
************************************/
.wlhf_indexExplain{
	text-align:center;
	margin-top:30px;
	font-size:14px;
	color:#4dc5cf;
}

/***************************************************************************************************
*                                                                                           公共组件 *
****************************************************************************************************/
/************************************
*公用：logo                    * 
************************************/
.wlhf_logo{
}

/************************************
*公用：nav                    * 
************************************/
.wlhf_nav{
	height:35px;
	line-height:35px;
	text-align:right;
}
.wlhf_nav a{
	display:inline-block;
	margin-right:10px;
}
.wlhf_nav a img{
}

/************************************
*公用：footer                    * 
************************************/
.wlhf_footer{
	line-height:35px;
	text-align:center;
	color:#0f4a4f;
}

/************************************
*公用：banner                    * 
************************************/
.wlhf_banner{}
.wlhf_banner .f_title{
	height:25px;
	font-size:25px;
}
.wlhf_banner .f_text{
	
}

/************************************
*公用：侧边栏导航                    * 
************************************/
.wlhf_sideBarNav{}
.wlhf_sideBarNav ul{}
.wlhf_sideBarNav li{
	margin: 5px 0;
}
.wlhf_sideBarNav li a{
	display:block;
	height:35px;
	line-height:35px;
	padding:0 10px;
	border-radius:5px;
	color:#666;
}
.wlhf_sideBarNav li a:link,
.wlhf_sideBarNav li a:visited{
	background-color: #fff;
}
.wlhf_sideBarNav li a:hover,
.wlhf_sideBarNav li a:active{
	background:#eee;
}
.wlhf_sideBarNav .f_thisClass a:link,
.wlhf_sideBarNav .f_thisClass a:visited,
.wlhf_sideBarNav .f_thisClass a:hover,
.wlhf_sideBarNav .f_thisClass a:active
{
	color:#4dc5cf;
	background-color: #333;
}
/***************************************************************************************************
*                                                                                           帮助页 *
****************************************************************************************************/
/************************************
* 帮助文档列表 *
************************************/
.wlhf_helpList{}
.wlhf_helpList dl{ 
	border:solid 1px #dddddd;
   background:#fff;
   height:100%;
   border-radius:5px;
   margin-bottom:5px;
}

.wlhf_helpList .f_title{ 
   height:35px;
   line-height:35px;
   padding:0px 10px 0px 12px;
   border-bottom:solid 1px #dddddd;
   font-size:14px;  
   color:#000;
   background:#f5f5f5;
}
.wlhf_helpList .f_title:after{
	content:"";
	display:block;
	clear:both;
	line-height:0px;
}
.wlhf_helpList .f_title strong{
}
.wlhf_helpList .f_title strong a{
	color:#303030;
}
.wlhf_helpList dt span{
	width:15px;
}
.wlhf_helpList dt .f_span1{
	display:inline-block;
}
.wlhf_helpList dt .f_span2{
	display:none;
}
/*点击*/
.wlhf_helpList dt.f_thisClass .f_span1{
	display:none;
}
.wlhf_helpList dt.f_thisClass .f_span2{
	display:inline-block;
}

.wlhf_helpList .f_content{
	display:none;
   padding:12px;
   border-top:none;
   zoom:1;/*解决ie6有时padding值会对子容器产生影响*/
}

/***************************************************************************************************
*                                                                                           下载页 *
****************************************************************************************************/
/************************************
*下载页：文件信息                    * 
************************************/
.wlhf_fileInfo{
	font-size:15px;
	color:#666666;
}
.wlhf_fileInfo span{
	padding:0 50px 0 0;
}
.wlhf_fileInfo span strong{
	color:#333333;
}
.wlhf_fileInfo span em{
	color:#ff0000;
}

/************************************
*下载页：url地址                    * 
************************************/
.wlhf_fileURL{
	font-size:15px;
	color:#ff0000;
}
.wlhf_fileURL strong{
	margin:0 30px 0 0;
}
.wlhf_fileURL em{
	color:#999999;
}
.wlhf_fileURL .f_copy{
	color:#fff;
	background:#4dc5cf;
	padding:0 5px;
}

/************************************
*下载页：下载二维码                    * 
************************************/
.wlhf_download{
	text-align:center;
}
/*二维码*/
.wlhf_download .f_erweima{
	display:inline-block;
	font-size:15px;
	width:173px;
	height:203px;
	margin:0 20px 0 0;
	overflow:hidden;
}
.wlhf_download .f_erweima .f_info{
	height:30px;
	line-height:30px;
}
.wlhf_download .f_erweima .f_img{
	display:inline-block;
	width:173px;
	height:173px;
}
/*下载链接*/
.wlhf_download .f_downLink{
	display:inline-block;
	width:173px;
	height:203px;
	font-size:15px;
	overflow:hidden;
}
.wlhf_download .f_downLink .f_info{
	height:30px;
	line-height:30px;
}
.wlhf_download .f_downLink .f_link{
	display:inline-block;
	width:173px;
	height:173px;
}
.wlhf_download .f_downLink .f_link a{
	display:inline-block;
	height:100%;
	width:100%;
	font-size:40px;
	line-height:80px;
	text-align:center;
	background:#4dc5cf;
	color:#fff;
}
.wlhf_download .f_downLink .f_link a:link,
.wlhf_download .f_downLink .f_link a:visited{
	background:#4dc5cf;
}
.wlhf_download .f_downLink .f_link a:hover,
.wlhf_download .f_downLink .f_link a:active{
	background:#46a6ae;
}

/************************************
*下载页：高级设置                    * 
************************************/
.wlhf_setting{
	line-height:25px;
	font-size:15px;
	color:#999;
}
.wlhf_setting input{
	height:25px;
}
/*标题*/
.wlhf_setting .f_title{
	font-size:18px;
	color:#333333;
}
/*ul列表*/
.wlhf_setting .f_ul{
	margin:15px 0 0 0;
}
.wlhf_setting .f_ul li{
	list-style-type:none;
	margin:15px 0 0 0;
	line-height:26px;
	padding-left:26px;
	background:url(../images/select_bg.png) left top no-repeat;
	cursor:pointer;
}
/*选中状态*/
.wlhf_setting .f_ul li.f_thisClass{
	color:#333;
	background:url(../images/select_bg.png) left bottom no-repeat;
}
.wlhf_setting .f_ul li.f_thisClass input{
	color:#f00;
}

.wlhf_setting .f_ul input{
	display:inline-block;
	width:35px;
	text-align:center;
	border:solid 1px #999999;
}
/*服务码*/
.wlhf_setting .f_fuwuma{
	margin:15px 0 0 0;
}
.wlhf_setting .f_fuwuma strong{
	color:#333;
}
.wlhf_setting .f_fuwuma #fuwuma{
	width:80px;
	color:#f00;
	text-align:center;
	font-weight:bold;
	
}

/*提交按钮*/
.wlhf_setting .f_submit{
	display:inline-block;
	width:102px;
	height:40px;
	margin:30px 0 0 0;
	border:none;
	font-size:20px;
	color:#fff;
	background:#4dc5cf;
	font-family:"Microsoft YaHei", Arial,Tahoma, Helvetica, sans-serif;
	
}


















